<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <ul>
        <li>1</li>
        <li>2</li>
        <li>3</li>

    </ul>
    
</body>

<script>

    //数组的合并
    arr1 = [1,2,3]
    arr2 = [4,5,6]

    // arr = arr1 + arr2
    // console.log(arr)

    //spread ... 扩展运算符
    newArr = {...arr1,...arr2}//...循环遍历的意思，节省了遍历数组的代码
    console.log(newArr);

    //传参
    console.log(Math.max(...arr1));
    // console.log(Math.max(...arr1,...arr2));

    //Arrary.from 将伪数组转化成真实数组
    const list = document.getElementsByTagName("li")
    console.log(Array.from(list))

    function test(){
        //arguments 参数集合，它也是个伪数组
        console.log(arguments);//伪数组
        console.log(Array.from(arguments));//转换为真数组
    }

    test(1,2,3,4,5)

    //Array.of() 用来替换 es5 Array 方法
    console.log(Array.of(1,2,3));

    //find 函数 查找第一个符合条件的元素
    //它的第一个参数是回调函数 （return）在回调函数里面是可以编写自己查找到条件
    //当条件成立，返回该元素，不成立则返回undefined
    res = arr2.find(function(item){
        console.log(item);
        return item > 4
    })

    console.log(res);


</script>

</html>

